.tabbox_wrap
  width: 1200px
  margin: 100px auto
  .tabbox_title
    display: flex
    height: 30px
    color: #000
    h2
      margin-left: 10px
    &::before
      content: ''
      width: 5px
      height: 30px
      background: rgb(165, 197, 50)
  .tabbox_tab
    background: #fff
    display: flex
    margin: 50px 0 0
    justify-content: space-between
    .list
      width: 130px
      height: 120px
      .nav_active
        color: rgb(255, 111, 0)
        &::after
          width: 3px
          margin-left: 8px
          background: rgb(255, 111, 0)
      li
        margin: 0 0 30px 15px
        text-align: center
        cursor: pointer
        &::after
          content: ''
          width: 1px
          margin-left: 10px
          display: inline-block
          height: 20px
          background: #9e9e9e
    .content
      width: 1070px
      height: 350px
      position: relative
      li
        width: 100%
        display: flex
        justify-content: space-between
        position: absolute
        left: 0
        top: 0
        img
          width: 860px
          height: 350px
        .detail
          width: 210px
          background: rgb(255, 111, 0)
          text-align: center
          color: #fff
          h2
            font-size: 40px
            margin-top: 70px
          p
            width: 70%
            margin: 15px auto
          button
            background: transparent
            color: #fff
            margin-top: 10px
            border: 1px solid #fff
            padding: 10px 20px
  .tab_package
    margin: 100px 0
